<template>
  <div class="teacher-dashboard">
    <h2>教师首页</h2>
    <el-row :gutter="16" class="cards">
      <el-col :span="6" v-for="c in cards" :key="c.key">
        <el-card shadow="hover" class="mini-card">
          <div class="value">{{ c.value }}</div>
          <div class="label">{{ c.label }}</div>
        </el-card>
      </el-col>
    </el-row>
    <el-empty v-if="!cards.length" description="数据加载中或暂无统计" />
  </div>
</template>
<script>
export default {
  name: 'TeacherDashboard',
  data() { return { cards: [] } },
  created() {
    // 预留：可调用教师统计接口
    this.cards = [
      { key: 'courseCount', label: '授课数量', value: '-' },
      { key: 'pendingGrades', label: '待录成绩', value: '-' },
      { key: 'todayLessons', label: '今日课程', value: '-' }
    ]
  }
}
</script>
<style scoped>
.teacher-dashboard { padding:16px; }
.mini-card { text-align:center; }
.value { font-size:28px; font-weight:600; color:#409eff; }
.label { color:#666; margin-top:4px; }
</style>
